<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="./common/images/favicon.png">

    <title>用户详情</title>
  

    <!-- Bootstrap core CSS -->
    <link href="js/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
    <link rel="stylesheet" href="./assets/fonts/font-awesome-4/css/font-awesome.min.css">
    <link href="./js/icheck/skins/all.css" rel="stylesheet">
    <link href="./assets/css/style.css" rel="stylesheet" />

    <style type="text/css">
        .btnDiv
        {
            margin: 30px 0;
        }

        .btnDiv button
        {
            width: 90px; 
            border-radius: 5px;
        }

        .tableDiv
        {
            padding: 20px 20px 50px 20px; 
            background-color: #d7d7d7; 
        }


        .tableDiv table tr
        {
            background-color: #fff;
        }

        .tableDiv .des
        {
            text-align: right;
        }

        .nav-tabs > li {
            font-size: 14px;
            margin-right: 0;
            border: 1px solid #666;
        }

        .nav-tabs li a, .nav-tabs li a:hover, .nav-tabs li a:focus {
            color: #000;
            text-decoration: none;
        }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #555;
            cursor: default;
            background-color: #d7d7d7;
            border: none;
            border-bottom-color: transparent;
        }
        .nav-tabs > li.active > a:after, .nav-tabs > li.active > a:hover:after, .nav-tabs > li.active > a:focus:after {
            content: "";
            display: block;
            height: 2px;
            background: none; 
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            border-top: 2px solid #d7d7d7;
            border-radius: 0;
            -webkit-border-radius: 0;
            border-bottom: 0;
            padding-bottom: 10px;
            padding-top: 8px;
            box-shadow: 1px -3px 4px -3px rgba(0, 0, 0, 0.08);
            border-left: 1px solid #ECECEC;
            border-right: 1px solid #ECECEC;
            position: static;
        }

    </style>

</head>
<body>
    <!-- Fixed navbar -->
    <div id="head-nav" class="navbar navbar-default navbar-fixed-top">

    </div>

    <div id="cl-wrapper" class="fixed-menu">
        <div class="container-fluid" id="pcont">
                <div class="col-md-12" style="padding-right: 0;">
                    <div class="block-flat">
                        <div class="header">      
                            <div class="pull-left">
                                <p class="jb_underline">用户管理&#62;&#62;用户详情</p>
                            </div>                      
                            <div class="clearfix"></div>
                        </div>



                        <div class="content">
                            <ul class="nav nav-tabs" role="tablist" style="margin: 20px 0;">
                                <li role="presentation" class="active">
                                        <a href="#about" aria-controls="about" role="tab" data-toggle="tab">概况</a>
                                </li>
                                <li role="presentation">
                                    <a href="#task" aria-controls="task" role="tab" data-toggle="tab">任务记录</a>
                                </li>
                                <li role="presentation">
                                    <a href="#cash" aria-controls="cash" role="tab" data-toggle="tab">提现记录</a>
                                </li>
                                <li role="presentation">
                                    <a href="#income" aria-controls="income" role="tab" data-toggle="tab">结算记录</a>
                                </li>
                                <li role="presentation">
                                        <a href="#friend" aria-controls="friend" role="tab" data-toggle="tab">邀请的好友</a>
                                </li>
                                <li role="presentation">
                                    <a href="#login" aria-controls="login" role="tab" data-toggle="tab">登录记录</a>
                                </li>
                            </ul>


                            <div class="tableDiv tab-content">
                                <div role="tabpanel" class="tab-pane active" id="about">
                                    <table class="table-bordered" style="width: 400px;">
                                        <tbody>
                                            <tr>
                                                <td>用户ID</td>
                                                <td>000835</td>
                                            </tr>
                                            <tr>
                                                <td>注册时间</td>
                                                <td>2017.1.23</td>
                                            </tr>
                                            <tr>
                                                <td>用户名称</td>
                                                <td>科比</td>
                                            </tr>
                                            <tr>
                                                <td>身份</td>
                                                <td>上班族</td>
                                            </tr>
                                            <tr>
                                                <td>等级</td>
                                                <td>6</td>
                                            </tr>
                                            <tr>
                                                <td>邀请好友数</td>
                                                <td>12</td>
                                            </tr>
                                            <tr>
                                                <td>执行任务数</td>
                                                <td>23</td>
                                            </tr>
                                            <tr>
                                                <td>提现任务数</td>
                                                <td>33</td>
                                            </tr>
                                            <tr>
                                                <td>余额</td>
                                                <td>67.55</td>
                                            </tr>
                                            <tr>
                                                <td>已体现金额</td>
                                                <td>65.00</td>
                                            </tr>
                                            <tr>
                                                <td>任务收入</td>
                                                <td>33.23</td>
                                            </tr>
                                            <tr>
                                                <td>提成收入</td>
                                                <td>23.22</td>
                                            </tr>
                                            <tr>
                                                <td>总收入</td>
                                                <td>33.33</td>
                                            </tr>
                                            <tr>
                                                <td>最后登录IP</td>
                                                <td>192.168.1.1</td>
                                            </tr>
                                            <tr>
                                                <td>状态</td>
                                                <td>正常</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                                <div role="tabpanel" class="tab-pane" id="task">
                                    <table class="table-bordered">
                                        <thead>
                                            <tr>
                                                <th>任务ID</th>
                                                <th>任务名称</th>
                                                <th>执行状态</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>000831</td>
                                                <td>微博关注账号转发</td>
                                                <td>通过</td>
                                            </tr>
                                            <tr>
                                                <td>000831</td>
                                                <td>微博关注账号转发</td>
                                                <td>过期</td>
                                            </tr>
                                            <tr>
                                                <td>000831</td>
                                                <td>微博关注账号转发</td>
                                                <td>不合格</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                                <div role="tabpanel" class="tab-pane" id="cash">
                                    <table class="table-bordered">
                                        <thead>
                                            <tr>
                                                <th>提现记录号</th>
                                                <th>提现时间</th>
                                                <th>提现金额</th>
                                                <th>提现后余额</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>000831</td>
                                                <td>2017.1.23 10:11:12</td>
                                                <td>30</td>
                                                <td>50</td>
                                            </tr>
                                            <tr>
                                                <td>000831</td>
                                                <td>2017.1.23 10:11:12</td>
                                                <td>30</td>
                                                <td>50</td>
                                            </tr>
                                            <tr>
                                                <td>000831</td>
                                                <td>2017.1.23 10:11:12</td>
                                                <td>30</td>
                                                <td>50</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                                <div role="tabpanel" class="tab-pane" id="income">
                                    <table class="table-bordered">
                                        <thead>
                                            <tr>
                                                <th>结算记录号</th>
                                                <th>结算时间</th>
                                                <th>结算金额</th>
                                                <th>结算类型</th>
                                                <th>结算后总收入</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>000831</td>
                                                <td>2017.1</td>
                                                <td>30</td>
                                                <td>任务</td>
                                                <td>550</td>
                                            </tr>
                                            <tr>
                                                <td>000831</td>
                                                <td>2017.1</td>
                                                <td>30</td>
                                                <td>提成</td>
                                                <td>550</td>
                                            </tr>
                                            <tr>
                                                <td>000831</td>
                                                <td>2017.1</td>
                                                <td>30</td>
                                                <td>任务</td>
                                                <td>550</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                                <div role="tabpanel" class="tab-pane" id="friend">
                                    <table class="table-bordered">
                                        <thead>
                                            <tr>
                                                <th>好友ID</th>
                                                <th>好友名称</th>
                                                <th>邀请时间</th>
                                                <th>提成金额</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>000831</td>
                                                <td>科比</td>
                                                <td>2017.3.12</td>
                                                <td>50.00</td>
                                            </tr>
                                            <tr>
                                                <td>000831</td>
                                                <td>科比</td>
                                                <td>2017.3.12</td>
                                                <td>50.00</td>
                                            </tr>
                                            <tr>
                                                <td>000831</td>
                                                <td>科比</td>
                                                <td>2017.3.12</td>
                                                <td>50.00</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                                <div role="tabpanel" class="tab-pane" id="login">
                                    <table class="table-bordered" style="width: 400px;">
                                        <thead>
                                            <tr>
                                                <th>登录时间</th>
                                                <th>登录IP</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>2017.3.12 13:12:09</td>
                                                <td>192.168.1.1</td>
                                            </tr>
                                            <tr>
                                                <td>2017.3.12 13:12:09</td>
                                                <td>192.168.1.1</td>
                                            </tr>                                            
                                            <tr>
                                                <td>2017.3.12 13:12:09</td>
                                                <td>192.168.1.1</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                            </div>
                        </div>
                    </div>              
                </div>
        </div>
    </div>

  <script type="text/javascript" src="js/jquery.js"></script>
  <script src="js/bootstrap/dist/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="./js/icheck/icheck.min.js"></script>

  <script type="text/javascript">
        var headerUrl = "./header.html"
        $("#head-nav").load(headerUrl,function(response,status,xhr){
            
        });

  </script>

  </body>

</html>
